.toolbar-title{
  color: $ft-color-primary;
  font-weight: 700;
  font-size: 20px;
  font-family : Arial;
}
ion-infinite-scroll-content{
    min-height: 1px;
}
ion-list{
    width: 100%;
}
.ft-tab-resources {
    font-family : Arial;
  .ft-resources-list{
      font-family : Arial;
      display: flex;
      flex:left;
  }
  .ft-resources-list-1{
      
      ion-list{
        width: 100%;
        .item-inner{
            
        }
    }
  }
  .ft-list{
      

      padding-bottom: 10px;
      
      
  }
  .ft-list-a{
      position:relative;
      height: auto;
      overflow: hidden;
       .ft-list-title{
      
      position:absolute; z-index:2; left:22%; top:40%;
     color:$ft-color-white;
     letter-spacing:2px;
     font-size: 20px;
    
  }
  .ft-list-name{
      img{
          width: 100%;
      height: 100%;
      margin-bottom: -3px;
      display: block;
      }
      
  }
      
  }
  .ft-list-img{
      display: flex;
      flex:left;
      width: 160px;
      height: 100px;
      padding-right: 20px;
  }
  .ft-list-name{
      font-size: 15px;
      text-align: left;
      white-space:normal;
      width:100%;
  }
  .ft-list-text{
      font-size: 14px;
      white-space:normal;
      padding-top: 5px;
      color: $ft-color-gray;
      height: 55px;
      width: 97%;
      word-wrap: break-word;
      word-break:break-all;
      overflow: hidden;
      text-overflow: ellipsis;
        display: -webkit-box;
     -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
  }
  .ft-list-title{
       width: 99%;
      
      color:$ft-color-black1;
      font-size: 14px;
 
      padding-top: 5px;
       word-wrap: break-word;
      word-break:break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
     -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
      
  }
}
.tab-resources-file{
    font-family : Arial;
  padding-right: 10px;
  .resources-file{
      padding-left: 20px;
      white-space:normal;
  }
  .file-tx{
      display: flex;
      flex:left;
      white-space:normal;
      .file-size{
      padding-top: 30px;
      color: $ft-color-gray;
      font-size: 14px;
      width: 30%;
  }
  }
  
  .file-title{
      font-size: 14px;
      color:$ft-color-black1;
      padding-top: 10px;
  }
  .load{
      
      
      text-align: right;
      font-size: 8px;
      width: 70%;
      padding-top: 10px;
      display: flex;
      a{
          margin-left:  35%;
          text-align: center;
      }
      a img{
          float: left;
          height: 18px;
          width: 18px;
          padding-top: 5px;
          text-align: center;
          
          }
      a span{
          float: left;
          // font-size: 5px;
          padding-left: 2.5px;
          }
      .downloadbutton{
          width: 110px;
          padding: 0 10px 0;
          }
  }
  .blue {
      color:$ft-color-white;
      background:$ft-color-primary;
  }
}
.tab-resources-details{
    font-family : Arial;
  padding-left: 30px;
  padding-top: 10px;
  .em-article{
      letter-spacing:1px;
     line-height:150%; 
      margin-top: 10px;
  }
  .details-title{
      padding-top: 20px;
  }
  .details-text{
      padding-top: 10px;
      padding-left: 10px;
      white-space:normal;
      padding-right: 20px;
  }
  .blue {
      color:$ft-color-white;
      background:$ft-color-primary;
  }
}

.tab-resources-group{
    font-family : Arial;
    width: 100%;
    height: 101%;
    background-image: url(../../asset/img/bj.jpg);
    background-size:100% 100%;
    position:relative;
    .ft-resources-grou-a{
        position:absolute; z-index:0; left:4%; top:10%;
        width: 45%;
        height: 25%;
        /*background-image: url(/asset/img/Terminal-Working--Group.png);*/
        background-color:  $ft-color-primary;
         span{
           position:absolute; z-index:3; left:10%; top:10%;
           
           
        }
        img{
            width: 40%;
            height: 50%;
            position:absolute; z-index:1; left:58%; top:48%;
        }
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 15px;
    }
    .ft-resources-grou-b{
        position:absolute; z-index:2; left:51%; top:10%;
        width: 45%;
        height: 25%;
        background-color:  $ft-color-primary;
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 15px;
        span{
           position:absolute; z-index:3; left:10%; top:10%;
        }
        img{
            width: 40%;
            height: 50%;
            position:absolute; z-index:2; left:58%; top:48%;
        }
    }
    .ft-resources-grou-c{
        position:absolute; z-index:2; left:4%; top:36%;
        width: 45%;
        height: 22%;
        background-color:  $ft-color-primary;
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 15px;
        span{
           position:absolute; z-index:3; left:10%; top:10%;
        }
        img{
            width: 40%;
            height: 50%;
            position:absolute; z-index:2; left:58%; top:48%;
        }
    }
      .ft-resources-grou-d{
        position:absolute; z-index:0; left:51%; top:36%;
        width: 45%;
        height: 22%;
        background-color: $ft-color-primary;
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 12px;
        padding-top: 12px;
        span{
           position:absolute; z-index:3; left:10%; top:10%;
           overflow:hidden; word-wrap:break-word;
        }
        img{
            width: 40%;
            height: 50%;
            position:absolute; z-index:2; left:58%; top:48%;
        }
    }
    .ft-resources-grou-e{
        position:absolute; z-index:0; left:4%; top:56%;
        width: 45%;
        height: 20%;
        background-color:  $ft-color-primary;
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 15px;
        span{
           position:absolute; z-index:3; left:10%; top:10%;
        }
        img{
            width: 40%;
            height: 50%;
            position:absolute; z-index:1; left:58%; top:48%;
        }
    }
      .ft-resources-grou-f{
        position:absolute; z-index:2; left:4%; top:59%;
        width: 92%;
        height: 17%;
        background-color:  $ft-color-primary;
        color: $ft-color-white;
        font-size: 18px;
        padding-left: 15px;
        padding-top: 15px;
        span{
           position:absolute; z-index:3; left:5%; top:10%;
        }
        img{
            width: 20%;
            height: 50%;
            position:absolute; z-index:2; left:78%; top:48%;
        }
    }
}
.tab-resources-down{
    font-family : Arial;
    .ft-resources-down{
     
  }
  .ft-resources-down-1{
      
      ion-list{
        width: 100%;
        .item-inner{
            
        }
    }
  }
  .ft-down{
      
      padding-top: 10px;
      padding-bottom: 10px;
      
      
  }
  .ft-down-a{
      position:relative;
      height: auto;
      overflow: hidden;
       .ft-down-title{
      
      position:absolute; z-index:2; left:22%; top:40%;
     color:$ft-color-white;
     letter-spacing:2px;
     font-size: 20px;
    
  }
 
      
  }

  .ft-down-name{
      font-size: 15px;
      text-align: left;
      white-space:normal;
      width:100%;
  }
  .ft-down-text{
      font-size: 14px;
      white-space:normal;
      padding-top: 10px;
      color: $ft-color-gray;
      
  }
  .ft-down-title{
      color:$ft-color-black1;
      
      
  }
}